<template>
	<div id="payBtn">
		<div @click="detailed">
			{{name}}
		</div>
	</div>
</template>

<script>
	export default {
		name: 'payBtn',
		props: ['name','color'],
		methods: {
			detailed: function(e) {
				this.$router.push({
					path: '/detailed'
				});
			}
		},
	}
</script>

<style lang="scss">
	@import url("../assets/css/index.css");
	#payBtn {
		height: 0.8rem;
		line-height: 0.8rem;
		padding: 0.2rem 0.4rem;
		> div {
			font-size: 0.34rem;
			color: #fff;
			background: #2196e6;
			text-align: center;
			border-radius: .4rem;
		}
	}
	
	
	
	
	
</style>
